@import "../../both/mixin";

#AdminHeader{
  position : relative;
  z-index : 1000;
}

.admin_header.bln{
  height : 50px;
  background-color : #2F3847;
  color : white;
  padding: 0 20px;

  a{
    text-decoration: none;
    color: white;
  }

  .admin_header_logo{
    float: left;
    font-size : 22px;
    height : 50px;
    line-height : 50px - (22px - 16px) / 2;

    i{
      vertical-align: baseline;
    }
    span{
      vertical-align: top;
    }
  }

  ul,li{
    display: block;
    list-style: none;
  }

  li{
    font-size : 15px;
    letter-spacing: -1px;
    padding : 15px;
    //width : 16px * 4 + 15px * 2 + 1px;
    max-width : 120px;
    height : 50px;
    line-height: 50px - 15px * 2;
    cursor: pointer;
    text-align: center;
    position: relative;
  }

  li:hover{
    background-color: #242c37;
    color : #ffb800;

    a{
      color : #ffb800;
    }
  }

  // 图标类型
  li.icon{
    background-color: inherit;
    text-align: center;
  }

  li.icon:hover{
    background-color: inherit;
    color : #ffb800;
    a{
      color : #ffb800;
    }
  }

  ul.ul_left{
    float: left;
    li{
      float : left;
    }

    li:first-child{
      margin-left: 35px;
    }
  }

  ul.ul_right{
    float: right;

    li{
      float : left;
      padding-left: 30px;
      padding-right : 30px;

      i{
        position: absolute;
      }
    }

    li.icon{
      padding-left: 35px;
      padding-right : 35px;

      span.hint{
        position: absolute;
        color: white;
        background-color : #ffb800;
        padding: 0 4px;
        font-size: 10px;
        line-height: 16px;
        right : 2px;
        top : 6px;
      }
    }

    li.username{
      max-width : 120px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}